/**
 * Created by Administrator on 2017/2/21.
 */

var Password = require('../../../src/libs/password/index');
var Input = require('../../../src/libs/input/index');
var HyperLlink = require('../../../src/libs/hyperlink/index');
var Checkbox = require('../../../src/libs/checkbox/index');
var Button = require('../../../src/libs/button/index');
var Label = require('../../../src/libs/label/index');
var Root = React.createClass({
    handler: function() {
        console.log('点击事件');
    },
    render:function(){
        return (
            <div>
                <div className="header subheader">
                    <div className="cell-bor"></div>
                    <div className="header-nav">
                        <div className="main-nav">
                            <div className="wrap">
                                <div className="logo"><img src="../images/logo.png" alt="" title=""/></div>
                                <div className="nav-subox"> <span><i className="icon-dianhua"></i>服务热线：95039 </span> <a href="../index.html">返回首页</a> <a href="../关于我们/平台介绍.html">关于平台</a> <a href="../帮助中心/帮助中心.html">帮助中心</a> </div>
                            </div>
                        </div>
                        <div className="shadow"></div>
                    </div>
                </div>
                <div className="main-reg wrap">
                    <div className="process">
                        <p className="process-name fcblue">填写注册信息</p>
                        <p className="process-name">注册完成</p>
                    </div>
                    <div className="cell-form">
                        <div className="head-tab">
                            <ul className="tab">
                                <li className="current"><a href="">企业注册</a></li>
                                <li><a href="">个人注册</a></li>
                            </ul>
                            <div className="login-tips">我已经注册，现在就 <a href="登录.html">登录</a></div>
                            <div className="clear"></div>
                        </div>
                        <div className="form-box">
                            <div className="f-left reg-from">
                                <div className="ui-input">
                                    <Label value="企业名称："/>
                                    <Input className = "cell-input" placeholder="请输入企业名称"/>
                                    <div className="ui-tips">
                                        <div className="note"><i className="icon-note"></i>输入提示</div>
                                        <div className="error" style="display: block"><i className="icon-error"></i>格式错误</div>
                                        <div className="correct icon-correct"></div>
                                    </div>
                                </div>
                                <div className="ui-input">
                                    <Label value="企业组织机构代码："/>
                                    <Input className = "cell-input" placeholder="请输入企业组织机构代码"/>
                                    <div className="ui-tips">
                                        <div className="note"><i className="icon-note"></i>输入提示</div>
                                        <div className="error" style="display: block"><i className="icon-error"></i>格式错误</div>
                                        <div className="correct icon-correct"></div>
                                    </div>
                                </div>
                                <div className="ui-input">
                                    <Label value="经办人姓名："/>
                                    <Input className = "cell-input" placeholder="请输入经办人姓名"/>
                                    <div className="ui-tips">
                                        <div className="note"><i className="icon-note"></i>输入提示</div>
                                        <div className="error" style="display: block"><i className="icon-error"></i>格式错误</div>
                                        <div className="correct icon-correct"></div>
                                    </div>
                                </div>
                                <div className="ui-input">
                                    <Label value="经办人身份证："/>
                                    <Input className = "cell-input" placeholder="请输入经办人身份证"/>
                                    <div className="ui-tips">
                                        <div className="note"><i className="icon-note"></i>输入提示</div>
                                        <div className="error" style="display: block"><i className="icon-error"></i>格式错误</div>
                                        <div className="correct icon-correct"></div>
                                    </div>
                                </div>
                                <div className="ui-input">
                                    <Label value="经办人手机号码："/>
                                    <Input className = "cell-input" placeholder="请输入联系人手机号"/>
                                    <div className="ui-tips">
                                        <div className="note"><i className="icon-note"></i>输入提示</div>
                                        <div className="error" style="display: block"><i className="icon-error"></i>格式不正确</div>
                                        <div className="correct icon-correct"></div>
                                    </div>
                                </div>
                                <div className="ui-input">
                                    <Label value="图片验证码："/>
                                    <Input className = "cell-input half" placeholder="请输入验证码"/>
                                    <img src="../images/code.jpg" style="position:absolute;left:265px;top:1px"/>
                                    <div className="ui-tips">
                                        <div className="note"><i className="icon-note"></i>输入提示</div>
                                        <div className="error" style="display: block"><i className="icon-error"></i>输入错误请重新输入</div>
                                        <div className="correct icon-correct"></div>
                                    </div>
                                </div>
                                <div className="ui-input">
                                    <Label value="短信验证码："/>
                                    <Input className = "cell-input half" placeholder="请输入短信验证码"/>
                                    <Button value = "获取验证码" className="btn-code cell-btn-auto"/>
                                    {/*<a href="javascript:void(0)" className="btn-code cell-btn-auto">获取验证码</a>*/}
                                    <div className="ui-tips">
                                        <div className="note"><i className="icon-note"></i>输入提示</div>
                                        <div className="error" style="display: block"><i className="icon-error"></i>输入错误请重新输入</div>
                                        <div className="correct icon-correct"></div>
                                    </div>
                                </div>
                                <div className="ui-input">
                                    <Label value="请设置密码："/>
                                    <div className="txt-input">
                                        <Password placeholder = "请输入密码" className="cell-input" onChange = {this._change}/>
                                    </div>
                                    <div className="ui-tips">
                                        <div className="note"><i className="icon-note"></i>输入提示</div>
                                        <div className="error" style="display: block"><i className="icon-error"></i>格式不正确</div>
                                        <div className="correct icon-correct"></div>
                                    </div>
                                </div>
                                <div className="ui-input">
                                    <Label value="请确认密码："/>
                                    <div className="txt-input">
                                        <Password placeholder = "请再次输入密码" className="cell-input"/>
                                    </div>
                                    <div className="ui-tips">
                                        <div className="note"><i className="icon-note"></i>输入提示</div>
                                        <div className="error" style="display: block"><i className="icon-error"></i>两次输入不一致</div>
                                        <div className="correct icon-correct"></div>
                                    </div>
                                </div>
                                <div className="ui-check">
                                    <p>
                                        <Checkbox checked className="check-box" text = "我已阅读并同意"/>
                                        <HyperLlink href="http://www.ucsmy.com" text = "《xxx平台会员服务协议（企业版）》"/></p>
                                    <Button value="立即注册" className="cell-btn-blue btn-l" onclick={this.handler}/>
                                    {/*<HyperLlink text = "立即注册" className="cell-btn-blue btn-l" />
                                    <a href="javascript:void(0)" className="cell-btn-blue btn-l" onclick="window.location.href='注册成功.html'">立即注册</a> */}
                                </div>
                            </div>
                            <div className="f-right reg-txt">
                                <div className="list"><span className="bg-icon"><img src="../images/lightspot-01.png" /></span><strong>投资高效</strong>多样化投资项目 在线随时购买</div>
                                <div className="list"><span className="bg-icon"><img src="../images/lightspot-02.png" /></span><strong>交易见证</strong>中信银行见证交易达成</div>
                                <div className="list"><span className="bg-icon"><img src="../images/lightspot-03.png" /></span><strong>投资便捷</strong>支持多家银行账户 零手续费投资</div>
                                <div className="list"><span className="bg-icon"><img src="../images/lightspot-04.png" /></span><strong>金融服务专家</strong>打造互联网+金融新生态</div>
                            </div>
                            <div className="clear"></div>
                        </div>
                    </div>
                </div>
                <div className="footer">
                    <div className="wrap">
                        <div className="footer-logo f-left">
                            <p><a href="#"><img src="../images/logo-zx.png" alt="中信银行"/></a><span>项目信息见证方</span></p>
                        </div>
                        <div className="footer-icon f-left">
                            <ul>
                                <li><a href="../关于我们/平台介绍.html"><span className="icon-fabout"></span><p>平台介绍</p></a></li>
                                <li><a href="../帮助中心/帮助中心.html"><span className="icon-fhelp"></span><p>帮助中心</p></a></li>
                                <li><a href="../帮助中心/安全保障.html"><span className="icon-fsafety"></span><p>安全机制</p></a></li>
                                <div className="clear"></div>
                            </ul>
                        </div>
                        <div className="footer-contact f-left">
                            <p>联系方式</p>
                            <p><strong>95039</strong></p>
                            <p className="email">p2b_citicbank@ucsmy.com</p>
                        </div>
                        <div className="footer-attention f-right"><img src="../images/wx.png" alt="关注我们" />关注我们</div>
                        <div className="clear"></div>
                    </div>
                    <div className="copyright">
                        <div className="wrap">中信控股有限责任公司版权所有  Copyright © CITIC Holdings All rights reserved <a href="#">京ICP证030779-1号</a></div>
                    </div>
                </div>
            </div>
        )
    }
});

UcsmyUI.Render(Root, document.getElementById('main'));